{% extends 'evaluate/admin/adminBase.html' %}

{% block staticS%}
<script src="/static/evaluate/js/echarts/dist/echarts.js"></script>

<script >
  var ajaxUrl="{{url}}"
</script>
{% endblock%}
<!--右侧视图-->
{%block right_views%}
          <div class="">
            <div class="page-title">
              <div class="title_left">
              </div>
              <div class="title_right">
                <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
                  <div class="input-group">
                    
                  </div>
                </div>
              </div>
            </div>

            <div class="clearfix"></div>

            <div class="row">
              <div class="col-md-6 col-sm-6 col-xs-12">
                <div class="x_panel">
                  <div class="x_title">
                    <h2>{{title}}<small>饼图</small></h2>
                    <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                      <li><a class="close-link"><i class="fa fa-close"></i></a>
                      </li>
                    </ul>
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
                    <div id="totality_pie" style="height:300px;width:100%;"></div>
                  </div>
                </div>
              </div>

              <div class="col-md-6 col-sm-6 col-xs-12">
                <div class="x_panel">
                  <div class="x_title">
                    <h2>{{title}} <small>往年对比</small></h2>
                    <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                      <li><a class="close-link"><i class="fa fa-close"></i></a>
                      </li>
                    </ul>
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
                    <div id="totality_bar" style="height:300px;width:100%;"></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="clearfix"></div>
            <div class="row">
              <div class="col-md-6 col-sm-6 col-xs-12">
                <div class="x_panel">
                  <div class="x_title">
                    <h2>{{title}} <small>热词</small></h2>
                    <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                      <li><a class="close-link"><i class="fa fa-close"></i></a>
                      </li>
                    </ul>
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
                    <div id="totality_hot" style="height:300px;width:100%;"></div>
                  </div>
                </div>
              </div>

              <div class="col-md-6 col-sm-6 col-xs-12">
                <div class="x_panel">
                  <div class="x_title">
                    <h2>{{title}} <small>推送建议</small></h2>
                    <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                      <li><a class="close-link"><i class="fa fa-close"></i></a>
                      </li>
                    </ul>
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
                    <div id="totality_advice" style="height:300px;width:100%;">
                      <table class="table table-condensed">
                        <caption>推送的建议</caption>
                        <thead>
                          <tr>
                            <th>内容</th>
                          </tr>
                        </thead>
                        <tbody>
                        {%for v in advice_temp%}
                          <tr>
                            <td>{{v}}</td>
                          </tr>
                        {%endfor%}
                        <tr>
                          <td>
                            <button class="btn btn-primary" data-toggle="modal" data-target="#moreAdvice">更多</button>
                          </td>
                        </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="clearfix"></div>
            <div class="row">
              <div class="col-md-6 col-sm-6 col-xs-12">
                <div class="x_panel">
                  <div class="x_title">
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
                    <canvas id="pieChart"></canvas>
                  </div>
                </div>
              </div>

              <div class="col-md-6 col-sm-6 col-xs-12">
                <div class="x_panel">
                  <div class="x_title">
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
                    <canvas id="polarArea"></canvas>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- 更多建议 -->
          <div class="modal fade" id="moreAdvice" tabindex="-1" role="dialog" aria-labelledby="moreAdviceModal" aria-hidden="true">
            <div class="modal-dialog" style="width:1000px">
              <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                      <h4 class="modal-title" id="moreAdviceModal">热点反馈</h4>
                </div>
                <div class="modal-body">
                    <table class="table table-condensed">
                        <caption>推送的建议</caption>
                        <thead>
                          <tr>
                            <th>内容</th>
                          </tr>
                        </thead>
                        <tbody>
                        {%for v in advice_all%}
                          <tr>
                            <td>{{v}}</td>
                          </tr>
                        {%endfor%}
                        </tbody>
                      </table>
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
                </div>
              </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
          </div>
          <!-- 更多建议end -->
          <!-- 数据加载提示 -->
          <div class="modal fade" id="dataMessage" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
          <div class="modal-dialog" style="width:1000px">
            <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                  <h4 class="modal-title" id="myModalLabel"></h4>
            </div>
            <div class="modal-body">
                正在加载数据！
                <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
                <span class="sr-only">Loading...</span>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
            </div>
          </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
      </div>
       <!-- 数据加载提示end -->
{%endblock%}

{%block js%}
<script src="/static/evaluate/js/admin/environment.js"></script>
{%endblock%}